{% extends "base.html" %}

{% load i18n %}

{% block content %}
<script type="text/javascript">

$(document).ready(function() 
    { 
        $("#servicelist").tablesorter(); 
    } 
); 

</script>
<table id="servicelist" class="tablesorter list">
	<thead>
		<tr>
			<th class="name">{% trans "Service" %}</th>
		</tr>
	</thead>
	<tbody>
	{% for service in services %}
		<tr class="service">
			<td class="name">
				<a href="{% url posecco:service service.pk %}" />
					{{ service.service }}
				</a>
			</td>
		</tr>
	{% endfor %}
	</tbody>
</table>
<a href="{% url posecco:service 0 %}" class="button">{% trans "Add Service" %}</a>
{% endblock %}